.dd-tree-main{
  border-right: 1px solid #e0e0e0;
  background: #fafafa;
  margin: -15px 0 -15px -15px;
  min-height: calc(100vh - 144px);
  .dd-tree-title{
    padding: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .title{
      font-weight: bold;
      color: #2f2f2f;
    }
    i{
      color: #a9a9a9;
      font-size: 18px;
      cursor: pointer;
      &:hover{
        color: #656565;
      }
    }
  }
  .input{
    padding: 0 15px;
  }

  //element修改
  .el-tree{
    background: #fafafa;
    margin-top: 10px;
    margin-left: 15px;
    .el-tree-node__content{
      height: 34px;
    }
  }
  .el-tree-node__content:hover{
    background: #f5f5f5;
  }
  .el-tree-node:focus > .el-tree-node__content {
    border:1px solid #e0e0e0;
    background: #ffffff;
    margin-right: -1px;
    border-right: 1px solid #ffffff;
    border-radius: 2px;
  }
  .el-tree-node__children:hover{
    border-right: 1px solid #e0e0e0;
  }

  .el-tree-node__children {
    margin-right: -1px;
  }

}

.dd-tree{
  border: 1px solid #e0e0e0;
  background: #fafafa;
  padding: 15px;
  .dd-tree-title{
    font-weight: bold;
    color: #2f2f2f;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
  }
  .el-tree{
    background: #fafafa;
    .el-tree-node__content{
      height: 34px;
    }
  }
  .el-tree-node__content:hover{
    background: #f5f5f5;
  }
  .el-tree-node:focus > .el-tree-node__content {
    background: #f5f5f5;
    color: #006FD3;
    font-weight: bold;
  }
}






















